
<template>
  <div>
    <el-table
        ref="multipleTable"
        :data="arryList"
        border
        tooltip-effect="dark"
        style="width: 100%"
        :height="property.tableHeight"
        header-cell-class-name="table-text-c"
        cell-class-name="table-text-c">
      <el-table-column
          prop="id"
          label="ID">
      </el-table-column>
      <el-table-column
          prop="name"
          label="任务名">
      </el-table-column>
      <el-table-column
          label="发布人"
          width="100">
        <template slot-scope="scope">
          {{ scope.row.user.realname }}
        </template>
      </el-table-column>
      <el-table-column
          prop="create_time"
          label="下发时间"
          width="160">
      </el-table-column>
      <el-table-column
          prop="end_time"
          label="限改时间"
          width="110">
      </el-table-column>
      <el-table-column
          label="完成时间"
          width="110">
        <template slot-scope="scope">
          <span v-if="scope.row.complete_time!=='1970-01-01'">{{ scope.row.complete_time }}</span>
        </template>
      </el-table-column>
      <!--// 24小时 一天计算-->
      <!--            <el-table-column-->
      <!--                    prop="time"-->
      <!--                    label="超时记录"-->
      <!--                    width="160">-->
      <!--            </el-table-column>-->
      <!--顺序排序-->
      <el-table-column
          prop="end_time"
          label="任务状态"
          width="80">
        <template slot-scope="scope">
          <span
              :class="scope.row.is_finish==1?'c-success':'c-danger'">{{
              scope.row.is_finish == 1 ? '完成' : '执行中'
            }}</span>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
import {taskIndex} from '@/api/admin/task.js'

export default {
  props:['property','pageindex'],
  name: "style0",
  data() {
    return {
      currentview: null, // propertytype: "companyProperty",
      // content: {
      //   label: "公司简介",
      //   body: '公司简介详细内容'
      // }
      dialogVisible: false,
      editStatus: true,
      arryList: [],
    }
  },
  watch: {
    'pageindex'(){
      this.getFileListFn()
    }
  },
  created() {
    this.getFileListFn()
  },
  methods: {
    // 获取记录
    getFileListFn() {
      // let data = await this.$post(this.api.task.archives.index, this.editForm);
      // type: 1 // 类型 1 我的任务 2 我的发布 3 我的审阅
      // 参数 type 1 我的任务 2 我的发布 3 抄送任务
      // 第一个 type 1 普通任务 2 档案任务 3 公文任务
      taskIndex({p:this.pageindex,type: 3, data: {type: 1 }}).then(res => {
        if (!res.code) {
          for (let item of res.list.data) {
            let data_ = item.create_time.split(' ')
            let data_l = data_[1].split(':')
            data_l.splice(2, 1)
            data_[1] = data_l.join(':')
            item.create_time = data_.join(' ')
            // 判断按键是否可以删除
            // tabchildValue 1 我的任务 2 我的发布 3 抄送任务
            // tabValue 1 普通任务 2 档案任务 3 公文任务
            item.detelBtn = false
          }
        }
        this.arryList = res.list.data
        this.$emit('pagtotal', res.list.total)
      })
    },
    // 关闭弹窗
    closePOpup() {
      this.$emit('update:visible', false)
    },
    getJson(option) {
      return JSON.parse(JSON.stringify(option))
    }
  },
  mounted() {
  }
}
</script>

<style scoped>

</style>
